<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>同城 - 设计师 - 站酷(ZCOOL)</title>
		<link rel="icon" href="../img/lbd_favicon.ico"/>
		<link rel="stylesheet" href="../css/tongcheng-bg.css" />
		<link rel="stylesheet" type="text/css" href="../css/lnz-iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="../css/index_header_footer.css"/>
		<script type="text/javascript" src="../js/jquery-3.4.1.js"></script>
	</head>
	<style type="text/css">
		body{
			height: 2390px;
		}
		ul,ol{
			list-style: none;
		}
		a{
			color: black;
			text-decoration: none;
		}
		.a1{
	       	color: rgb(153,153,153);
	       	border-bottom: none;
	    }
	    .a1:hover{
	    	color: #000000;
	    	border-bottom: 2px solid rgb(68,68,68);
	    	padding-bottom: 24px;
	    }
	    .a4{
	    	color: #000000;
	    	border-bottom: 2px solid rgb(68,68,68);
	    	padding-bottom: 24px;
	    }
		.container{
			width: 100%;
			height: 2390px;
			background: rgb(244,244,244);
			box-sizing: border-box;
			position: relative;
		}
		.active-title{
			width: 1100px;
			height: 40px;
			margin: 0 auto;
			background: rgb(244,244,244);
		}
		.active-title>a{
			float: left;
			font-size: 14px;
   			color: #666;
   			line-height: 40px;
		}
		.more1{
			width: 125px;
			height: 40px;
			float: left;
			cursor: pointer;
			margin-left: 55px;
		}
		.more1 span{
			line-height: 40px;
			font-size: 14px;
		}
		.more1-list{
			position: relative;
			min-width: 122px;
		    max-height: 612px;
		    float: right;
		   	border-radius: 8px;
		   	box-shadow: 0px 0px 4px #999999;
		   	display: none;
		   	z-index: 5;
		}
		.more1-list ul li{
			width: 150px;
		    height: 45px;
		    line-height: 45px;
		    background: white;
		    display: list-item;
		    cursor: pointer;
		    padding-left: 35px;
		    border-radius: 5px;
		    font-size: 14px;
		    /*display: none;*/
		}
		.more1-list ul li:hover{
			background: rgb(242,242,242);
		}
		.more1-list ul li:nth-of-type(1) a{
			color: #d36f16;
		}
		/*more2的开始*/
		.more2{
			width: 100px;
			height: 40px;
			float: right;
			cursor: pointer;
		}
		.more2 span{
			line-height: 40px;
			font-size: 14px;
		}
		.more2-list{
			position: relative;
			min-width: 122px;
		    max-height: 612px;
		    float: right;
		   	border-radius: 8px;
		   	box-shadow: 0px 0px 4px #999999;
		   	display: none;
		   	z-index: 5;
		}
		.more2-list ul li{
			width: 100px;
		    height: 45px;
		    line-height: 45px;
		    background: white;
		    display: list-item;
		    cursor: pointer;
		    padding-left: 30px;
		    border-radius: 5px;
		    font-size: 14px;
		    /*display: none;*/
		}
		.more2-list ul li:hover{
			background: rgb(242,242,242);
		}
		.more2-list ul li:nth-of-type(1) a{
			color: #d36f16;
		}
		/*list合集*/
		.active-list{
			width: 1100px;
			margin: 0 auto;
			margin-top: 15px;
			margin-bottom: 0px;
		}
		.active-list a{
			color: #282828;
			margin-bottom: 10px;
			padding: 3px 12px;
			color: #666;
			border: 1px solid #ddd;
			border-radius: 4px;
			background: #fff;
			font-size: 13px;
			display: inline-block;
			cursor: pointer;
			margin-right: 6px;
			text-align: center;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}
		.active-list a:nth-of-type(1){
			background: #ffe300;
		}
		.active-list a:hover{
			border: 1px solid rgb(153,153,153);
		}
		/*作者的盒子开始*/
		.active-box{
			width: 1100px;
			height: 210px;
			background: white;
			margin: 0 auto;
			border-bottom: 2px solid rgb(244,244,244);
			overflow: hidden;
			position: relative;
		}
		.top30-img{
			margin-top: 30px;
			position: absolute;
			left: 30px;
		}
		.top30-img a img{
			width: 80px; 
			height: 80px; 
			border-radius: 50%
		}
		.top30-info{
			width: 220px;
			height: 150px;
			margin-top: 30px;
			position: absolute;
			left: 130px;
		}
		.p1{
			font-size: 16px;
			font-weight: 600;
		}
		.p2{
			margin-top: 10px;
		}
		.top30-info p a img{
			width: 16px; height: 16px; margin-left: 10px;
		}
		.top30-info>a{
			display: inline-block;
		}
		.top30-info p a:hover{
			color: rgb(211,111,22);
		}
		.top30-info>span{
			font-size: 14px;
			color: rgb(187,187,187);
		}
		.info-btn{
			margin-top: 20px;
		}
		.info-btn input{
		    width: 80px;
		    font-size: 14px;
		    box-sizing: border-box;
		    height: 36px;
		    line-height: 36px;
		    color: #444;
		    background: #ffe300;
		    border: 1px solid #ffe300;
		    border-radius: 4px;
		    cursor: pointer;
		}
		.info-btn input:nth-of-type(1):hover{
			cursor: pointer;
			opacity: 0.85;
		}
		.info-btn input:nth-of-type(2){
			background: white;
			border: 1px solid rgb(153,153,153);
			margin-left: 15px;
		}
		.top30-show{
			margin-top: 30px;
			position: absolute;
			left: 425px;
		}
		.top30-show ul{
			width: 630px;
			height: 150px;
		}
		.top30-show ul li{
			width: 200px;
			height: 150px;
			display: inline-block;
			padding-left: 5px;
		}
		.top30-show ul li img{
			width: 200px;
			height: 150px;
		}
		.top30-show ul li img:hover{
			opacity: 0.85;
			cursor: pointer;
		}
		.active-box .point{
			width: 26px;
			height: 150px;
			/*background: paleturquoise;*/
			margin-top: 30px;
			position: absolute;
			left: 1060px;
		}
		.point a{
			width: 6px;
			height: 150px;
			padding: 0px 10px;
			display: block;
			text-align: center;
			line-height: 180px;
			position: relative;
			top: 35%;
		}
		.point a span{
			display: block;
			width: 6px;
			height: 6px;
			margin: 5px 0;
			background: #ffe300;
			border-radius: 50%;
		}
		/*分页器*/
		.pageturning{
				width: 100%;
				height: 40px;
				margin-top: 40px;
				clear: both;
			    margin: 40px auto;
			    text-align: center;
			}
			.pageturning a{
				padding: 10px 15px 10px 15px;
				width: 40px;
			    height: 40px;
			    line-height: 38px;
			    margin: 0 3px;
			    box-sizing: border-box;
				font-weight: 400;
			    color: #666;
			    border-radius: 4px;
			    background: white;
			}
			.pageturning a:nth-of-type(1){
				background: #ffe300;
				border: 1px solid #ffe300;
				color: #333;
			}
			.pageturning a:nth-of-type(2):hover{
				background: #ffe300;
				color: #333;
			}
			.pageturning a:nth-of-type(3):hover{
				background: #ffe300;
				color: #333;
			}
			.pageturning a:nth-of-type(4):hover{
				background: #ffe300;
				color: #333;
			}
			.pageturning a:nth-of-type(5):hover{
				background: #ffe300;
				color: #333;
			}
			.pageturning a:nth-of-type(6):hover{
				background: #ffe300;
				color: #333;
			}
			.pageturning a:nth-of-type(7):hover{
				background: #ffe300;
				color: #333;
			}
			.pageturning a:nth-of-type(8):hover{
				background: #ffe300;
				color: #333;
			}
			.pageturning a:nth-of-type(9):hover{
				background: #ffe300;
				color: #333;
			}
			.pageturning a:nth-of-type(10):hover{
				background: #ffe300;
				color: #333;
			}
			.pageturning a:nth-of-type(11):hover{
				background: #ffe300;
				color: #333;
			}
			/*返回顶部按钮*/
			.backtop{
				width: 50px;
				height: 50px;
				position: fixed;
				background: rgb(211,211,211);
				float: right;
				right: 80px;
				bottom: 40px;
				cursor: pointer;
				display: none;
			}
			.backtop span{
				font-size: 22px;
				line-height: 50px;
				margin-left: 14px;
				color: white;
			}
	</style>
	<body>
	<!--页首的开始-->
		<div id="header">
			<ul>
				<li class="header1"><a href=""><img src="../img/lbd_logo.svg" width="120px" height="20px"/></a></li>
				<li class="header2">
					<ul class="header2_ul1">
						<li><a href="">首页</a></li>
						<li><a href="">发现</a>
						<ul class="faxianxiabiao">
							<li><a href="">平面</a><i></i></li>
							<li><a href="">UI</a><i></i></li>
							<li><a href="">网页</a><i></i></li>
							<li><a href="">插画</a><i></i></li>
							<li><a href="">动漫</a><i></i></li>
							<li><a href="">摄影</a><i></i></li>
							<li><a href="">空间</a></li>
							<li><a href="">工业/产品</a><i></i></li>
							<li><a href="">三维</a><i></i></li>
							<li><a href="">影视</a><i></i></li>
							<li><a href="">手工艺</a><i></i></li>
							<li><a href="">纯艺术</a><i></i></li>
							<li><a href="">服装</a><i></i></li>
							<li><a href="">其他</a></li>
							<li></li>
						
						<ul class="faxianxiabiaodibu">
							<li><a href="">&nbsp;精选作品>&nbsp;</a></li>
							<li><a href="">&nbsp;精选文章&nbsp;></a></li>
							<li><a href="">&nbsp;精选收藏&nbsp;></a></li>
						</ul>
						
						</ul>
						
						</li>
						<li><a href="">同城</a></li>
						<li><a href="">职位</a>
						<ul class="zhiweixiabiao">
							<li><a href="">职位</a></li>
							<li><a href="">公司</a></li>
							<li><a href="">+公布职位</a></li>
						</ul>
							
						</li>
						
						<li><a href="">活动</a>
						<ul class="huodongxiabiao">
							<li><a href="">设计大赛</a></li>
							<li><a href="">专题策划</a></li>
							<li><a href="">线上活动</a></li>
							<li><a href="">线下活动</a></li>
							<li><a href="">学习音频</a></li>
						</ul>
						</li>
						
						<li><a href="">&nbsp;&nbsp;正版素材&nbsp;&nbsp;</a>
						<ul class="zhengbansucaixiabiao">
							<li><a href="">图片</a></li>
							<li><a href="">视频</a></li>
							<li><a href="">字体</a></li>
							<li><a href="">音乐</a></li>
							<li><a href="">我要供图</a></li>
						</ul>
						</li>
						
						<li><a href="">课程</a>
						<ul class="kechengxiabiao">
							<li><a href="">新春促销<img src="../img/lbd_6.8折.jpg"/></a></li>
							<li><a href="">口碑好课</a></li>
						</ul>	
						</li>
						<li><a href="">···</a>
						<ul class="dianxiabiao">
							<li><a href="">榜单</a></li>
							<li><a href="">设计师</a></li>
							<li><a href="">站酷知产</a></li>
							<li><a href="">站酷APP</a></li>
							<li><a href="">站酷字库</a></li>
						</ul>	
						</li>
					</ul>
				</li>
				<li class="header3">
					<ul>
						<li><a href="" class="header3_a"><span class="iconfont icon-sousuo"></span></a></li>
						<li><a href="" class="header3_a"><span class="iconfont icon-yunshangchuan"></span></a></li>
						<li><a href="" class="header3_b">登录</a></li>
						<li><a href="" class="header3_b">|</a></li>
						<li><a href="" class="header3_b">注册</a></li>
					</ul>
				</li>
			</ul>
		</div>
		<!--页首结束-->
		<!--图片背景开始-->
		<div id="" class="tc-bg">
			<div id="" class="bg-image">
				<img src="../img/lnz-黄昏大厦.jpg" class="peoplebg" style="width: 180%;margin-left: -415px;height: 344px;"/>
			</div>
			
			<div id="" class="data-box-lift1">
				人气
				<span title="人气" class="date-number1">2476977</span>
			</div>
			<div id="" class="data-box-lift2">
				创作
				<span title="创作" class="date-number2">1128504</span>
			</div>
			<div class="city-name">北京</div>
			<div id="" class="data-box-right1">
				设计师
				<span title="设计师" class="date-number3">939691</span>
			</div>
			<div id="" class="data-box-right2">
				生活圈
				<span title="生活圈" class="date-number4">11890</span>
			</div>
		</div>
		<div class="nav-box">
			<div class="swit-city">
				
			</div>
			<div class="wrapper">
				<ul>
					<li><a href="同城 - 首页 - 站酷(ZCOOL).html" class="a1">首页</a></li>
					<li><a href="同城 - 创作 - 站酷(ZCOOL).html" class="a2">创作</a></li>
					<li><a href="同城 - 生活圈 - 站酷(ZCOOL).html" class="a3">生活圈</a></li>
					<li><a href="同城 - 设计师 - 站酷(ZCOOL).html" class="a4">设计师</a></li>
				</ul>
			</div>
		</div>
		<!--版心-->
		<div class="container">
			<div class="backtop">
				<span class="iconfont icon-shangbiao"></span>
			</div>
			<div class="active-title">
				<a href="#">全部设计师</a>
				<div class="more1">
					<span>站酷全部推荐&nbsp;丅</span>
					<div class="more1-list">
						<ul>
							<li><a href="#">站酷全部推荐</a></li>
							<li><a href="#">站酷推荐设计师</a></li>
							<li><a href="#">站酷推荐插画师</a></li>
							<li><a href="#">站酷推荐摄影师</a></li>
							<li><a href="#">站酷推荐漫画作者</a></li>
							<li><a href="#">站酷推荐艺术作者</a></li>
							<li><a href="#">站酷推荐文章作者</a></li>
							<li><a href="#">站酷推荐团队</a></li>
						</ul>
					</div>
				</div>
				<div class="more2">
					<span>人气最多&nbsp;丅</span>
					<div class="more2-list">
						<ul>
							<li><a href="#">人气最多</a></li>
							<li><a href="#">最新加入</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="active-list">
				<a href="#">全部</a>
				<a href="#">设计爱好者</a>
				<a href="#">平面设计师</a>
				<a href="#">学生</a>
				<a href="#">网页设计师</a>
				<a href="#">UI设计师</a>
				<a href="#">插画师</a>
				<a href="#">摄影师</a>
				<a href="#">产品设计师</a>
				<a href="#">三维设计师</a>
				<a href="#">室内设计师</a>
				<a href="#">艺术工作者</a>
				<a href="#">教育工作者</a>
				<a href="#">动画师</a>
				<a href="#">新媒体设计师</a>
				<a href="#">手工艺人</a>
				<a href="#">建筑师</a>
				<a href="#">UX设计师</a>
				<a href="#">概念设计师</a>
				<a href="#">服装设计师</a>
			</div>
			<div class="active-box">
				<div class="top30-img">
					<a href="#" title="左手韩"><img src="../img/lnz-设计师-作者头像1.jpg"/></a>
				</div>
				<div class="top30-info">
					<p class="p1"><a href="#" title="左手韩">左手韩</a><a href="#" title="酷站推荐漫画作者"><img src="../img/lnz-tuijian_designer.svg"/></a></p>
					<span>北京 | 插画师</span>
					<p class="p2"><span>创作</span><a href="#" title="创作量">&nbsp;&nbsp;75&nbsp;&nbsp;</a><span>粉丝</span><a href="#" title="粉丝量">&nbsp;&nbsp;164675&nbsp;&nbsp;</a></p>
					<div class="info-btn">
						<input type="button" name="" id="" value="关注" />
						<input type="button" name="" id="" value="私信" />
					</div>
				</div>
				<div class="top30-show">
					<ul>
						<li><img src="../img/lnz-设计师-作者图片1.1.jpg" alt="" /></li>
						<li><img src="../img/lnz-设计师-作者图片1.2.jpg" alt="" /></li>
						<li><img src="../img/lnz-设计师-作者图片1.3.jpg" alt="" /></li>
					</ul>
				</div>
				<div class="point" >
					<a href="#">
						<span></span>
						<span></span>
						<span></span>
					</a>
				</div>
			</div>
			<div class="active-box">
				<div class="top30-img">
					<a href="#" title="_小矛"><img src="../img/lnz-设计师-作者头像2.jpg"/></a>
				</div>
				<div class="top30-info">
					<p class="p1"><a href="#" title="_小矛">_小矛</a><a href="#" title="酷站推荐漫画作者"><img src="../img/lnz-tuijian_designer.svg"/></a></p>
					<span>北京 | 插画师</span>
					<p class="p2"><span>创作</span><a href="#" title="创作量">&nbsp;&nbsp;75&nbsp;&nbsp;</a><span>粉丝</span><a href="#" title="粉丝量">&nbsp;&nbsp;164675&nbsp;&nbsp;</a></p>
					<div class="info-btn">
						<input type="button" name="" id="" value="关注" />
						<input type="button" name="" id="" value="私信" />
					</div>
				</div>
				<div class="top30-show">
					<ul>
						<li><img src="../img/lnz-设计师-作者图片2.1.jpg" alt="" /></li>
						<li><img src="../img/lnz-设计师-作者图片2.2.jpg" alt="" /></li>
						<li><img src="../img/lnz-设计师-作者图片2.3.jpg" alt="" /></li>
					</ul>
				</div>
				<div class="point" >
					<a href="#">
						<span></span>
						<span></span>
						<span></span>
					</a>
				</div>
			</div>
			<div class="active-box">
				<div class="top30-img">
					<a href="#" title="插画师白茶"><img src="../img/lnz-设计师-作者头像3.jpg"/></a>
				</div>
				<div class="top30-info">
					<p class="p1"><a href="#" title="插画师白茶">插画师白茶</a><a href="#" title="酷站推荐漫画作者"><img src="../img/lnz-tuijian_designer.svg"/></a></p>
					<span>北京 | 插画师</span>
					<p class="p2"><span>创作</span><a href="#" title="创作量">&nbsp;&nbsp;75&nbsp;&nbsp;</a><span>粉丝</span><a href="#" title="粉丝量">&nbsp;&nbsp;164675&nbsp;&nbsp;</a></p>
					<div class="info-btn">
						<input type="button" name="" id="" value="关注" />
						<input type="button" name="" id="" value="私信" />
					</div>
				</div>
				<div class="top30-show">
					<ul>
						<li><img src="../img/lnz-设计师-作者图片3.1.jpg" alt="" /></li>
						<li><img src="../img/lnz-设计师-作者图片3.2.jpg" alt="" /></li>
						<li><img src="../img/lnz-设计师-作者图片3.3.jpg" alt="" /></li>
					</ul>
				</div>
				<div class="point" >
					<a href="#">
						<span></span>
						<span></span>
						<span></span>
					</a>
				</div>
			</div>
			<div class="active-box">
				<div class="top30-img">
					<a href="#" title="开心老头"><img src="../img/lnz-设计师-作者头像4.jpg"/></a>
				</div>
				<div class="top30-info">
					<p class="p1"><a href="#" title="开心老头">开心老头</a><a href="#" title="酷站推荐漫画作者"><img src="../img/lnz-gogoup.svg"/><img src="../img/lnz-tuijian_designer.svg"/></a></p>
					<span>北京 | 插画师</span>
					<p class="p2"><span>创作</span><a href="#" title="创作量">&nbsp;&nbsp;75&nbsp;&nbsp;</a><span>粉丝</span><a href="#" title="粉丝量">&nbsp;&nbsp;164675&nbsp;&nbsp;</a></p>
					<div class="info-btn">
						<input type="button" name="" id="" value="关注" />
						<input type="button" name="" id="" value="私信" />
					</div>
				</div>
				<div class="top30-show">
					<ul>
						<li><img src="../img/lnz-设计师-作者图片4.1.jpg" alt="" /></li>
						<li><img src="../img/lnz-设计师-作者图片4.2.jpg" alt="" /></li>
						<li><img src="../img/lnz-设计师-作者图片4.3.jpg" alt="" /></li>
					</ul>
				</div>
				<div class="point" >
					<a href="#">
						<span></span>
						<span></span>
						<span></span>
					</a>
				</div>
			</div>
			<div class="active-box">
				<div class="top30-img">
					<a href="#" title="摄影师蝈蝈小姐"><img src="../img/lnz-设计师-作者头像5.jpg"/></a>
				</div>
				<div class="top30-info">
					<p class="p1"><a href="#" title="摄影师蝈蝈小姐">摄影师蝈蝈小姐</a><a href="#" title="酷站推荐漫画作者"><img src="../img/lnz-gogoup.svg"/><img src="../img/lnz-tuijian_designer.svg"/></a></p>
					<span>北京 | 插画师</span>
					<p class="p2"><span>创作</span><a href="#" title="创作量">&nbsp;&nbsp;75&nbsp;&nbsp;</a><span>粉丝</span><a href="#" title="粉丝量">&nbsp;&nbsp;164675&nbsp;&nbsp;</a></p>
					<div class="info-btn">
						<input type="button" name="" id="" value="关注" />
						<input type="button" name="" id="" value="私信" />
					</div>
				</div>
				<div class="top30-show">
					<ul>
						<li><img src="../img/lnz-设计师-作者图片5.1.jpg" alt="" /></li>
						<li><img src="../img/lnz-设计师-作者图片5.2.jpg" alt="" /></li>
						<li><img src="../img/lnz-设计师-作者图片5.3.jpg" alt="" /></li>
					</ul>
				</div>
				<div class="point" >
					<a href="#">
						<span></span>
						<span></span>
						<span></span>
					</a>
				</div>
			</div>
			<div class="active-box">
				<div class="top30-img">
					<a href="#" title="灰昼"><img src="../img/lnz-设计师-作者头像6.jpg"/></a>
				</div>
				<div class="top30-info">
					<p class="p1"><a href="#" title="灰昼">灰昼</a><a href="#" title="酷站推荐漫画作者"><img src="../img/lnz-tuijian_designer.svg"/></a></p>
					<span>北京 | 插画师</span>
					<p class="p2"><span>创作</span><a href="#" title="创作量">&nbsp;&nbsp;75&nbsp;&nbsp;</a><span>粉丝</span><a href="#" title="粉丝量">&nbsp;&nbsp;164675&nbsp;&nbsp;</a></p>
					<div class="info-btn">
						<input type="button" name="" id="" value="关注" />
						<input type="button" name="" id="" value="私信" />
					</div>
				</div>
				<div class="top30-show">
					<ul>
						<li><img src="../img/lnz-设计师-作者图片6.1.jpg" alt="" /></li>
						<li><img src="../img/lnz-设计师-作者图片6.2.jpg" alt="" /></li>
						<li><img src="../img/lnz-设计师-作者图片6.3.jpg" alt="" /></li>
					</ul>
				</div>
				<div class="point" >
					<a href="#">
						<span></span>
						<span></span>
						<span></span>
					</a>
				</div>
			</div>
			<div class="active-box">
				<div class="top30-img">
					<a href="#" title="摄影师刘杨"><img src="../img/lnz-设计师-作者头像7.jpg"/></a>
				</div>
				<div class="top30-info">
					<p class="p1"><a href="#" title="摄影师刘杨">摄影师刘杨</a><a href="#" title="酷站推荐漫画作者"><img src="../img/lnz-gogoup.svg"/><img src="../img/lnz-tuijian_designer.svg"/></a></p>
					<span>北京 | 插画师</span>
					<p class="p2"><span>创作</span><a href="#" title="创作量">&nbsp;&nbsp;75&nbsp;&nbsp;</a><span>粉丝</span><a href="#" title="粉丝量">&nbsp;&nbsp;164675&nbsp;&nbsp;</a></p>
					<div class="info-btn">
						<input type="button" name="" id="" value="关注" />
						<input type="button" name="" id="" value="私信" />
					</div>
				</div>
				<div class="top30-show">
					<ul>
						<li><img src="../img/lnz-设计师-作者图片7.1.jpg" alt="" /></li>
						<li><img src="../img/lnz-设计师-作者图片7.2.jpg" alt="" /></li>
						<li><img src="../img/lnz-设计师-作者图片7.3.jpg" alt="" /></li>
					</ul>
				</div>
				<div class="point" >
					<a href="#">
						<span></span>
						<span></span>
						<span></span>
					</a>
				</div>
			</div>
			<div class="active-box">
				<div class="top30-img">
					<a href="#" title="lost7"><img src="../img/lnz-设计师-作者头像8.jpg"/></a>
				</div>
				<div class="top30-info">
					<p class="p1"><a href="#" title="lost7">lost7</a><a href="#" title="酷站推荐漫画作者"><img src="../img/lnz-tuijian_designer.svg"/></a></p>
					<span>北京 | 插画师</span>
					<p class="p2"><span>创作</span><a href="#" title="创作量">&nbsp;&nbsp;75&nbsp;&nbsp;</a><span>粉丝</span><a href="#" title="粉丝量">&nbsp;&nbsp;164675&nbsp;&nbsp;</a></p>
					<div class="info-btn">
						<input type="button" name="" id="" value="关注" />
						<input type="button" name="" id="" value="私信" />
					</div>
				</div>
				<div class="top30-show">
					<ul>
						<li><img src="../img/lnz-设计师-作者图片8.1.jpg" alt="" /></li>
						<li><img src="../img/lnz-设计师-作者图片8.2.jpg" alt="" /></li>
						<li><img src="../img/lnz-设计师-作者图片8.3.jpg" alt="" /></li>
					</ul>
				</div>
				<div class="point" >
					<a href="#">
						<span></span>
						<span></span>
						<span></span>
					</a>
				</div>
			</div>
			<div class="active-box">
				<div class="top30-img">
					<a href="#" title="小明"><img src="../img/lnz-设计师-作者头像9.jpg"/></a>
				</div>
				<div class="top30-info">
					<p class="p1"><a href="#" title="小明">小明</a><a href="#" title="酷站推荐漫画作者"><img src="../img/lnz-tuijian_designer.svg"/></a></p>
					<span>北京 | 插画师</span>
					<p class="p2"><span>创作</span><a href="#" title="创作量">&nbsp;&nbsp;75&nbsp;&nbsp;</a><span>粉丝</span><a href="#" title="粉丝量">&nbsp;&nbsp;164675&nbsp;&nbsp;</a></p>
					<div class="info-btn">
						<input type="button" name="" id="" value="关注" />
						<input type="button" name="" id="" value="私信" />
					</div>
				</div>
				<div class="top30-show">
					<ul>
						<li><img src="../img/lnz-设计师-作者图片9.1.jpg" alt="" /></li>
						<li><img src="../img/lnz-设计师-作者图片9.2.jpg" alt="" /></li>
						<li><img src="../img/lnz-设计师-作者图片9.3.jpg" alt="" /></li>
					</ul>
				</div>
				<div class="point" >
					<a href="#">
						<span></span>
						<span></span>
						<span></span>
					</a>
				</div>
			</div>
			<div class="active-box">
				<div class="top30-img">
					<a href="#" title="左佐工作室"><img src="../img/lnz-设计师-作者头像10.jpg"/></a>
				</div>
				<div class="top30-info">
					<p class="p1"><a href="#" title="左佐工作室">左佐工作室</a><a href="#" title="酷站推荐漫画作者"><img src="../img/lnz-gogoup.svg"/><img src="../img/lnz-tuijian_designer.svg"/></a></p>
					<span>北京 | 插画师</span>
					<p class="p2"><span>创作</span><a href="#" title="创作量">&nbsp;&nbsp;75&nbsp;&nbsp;</a><span>粉丝</span><a href="#" title="粉丝量">&nbsp;&nbsp;164675&nbsp;&nbsp;</a></p>
					<div class="info-btn">
						<input type="button" name="" id="" value="关注" />
						<input type="button" name="" id="" value="私信" />
					</div>
				</div>
				<div class="top30-show">
					<ul>
						<li><img src="../img/lnz-设计师-作者图片10.1.jpg" alt="" /></li>
						<li><img src="../img/lnz-设计师-作者图片10.2.jpg" alt="" /></li>
						<li><img src="../img/lnz-设计师-作者图片10.3.jpg" alt="" /></li>
					</ul>
				</div>
				<div class="point" >
					<a href="#">
						<span></span>
						<span></span>
						<span></span>
					</a>
				</div>
			</div>
			<!--分页器-->
			<div class="pageturning ">
				<a href="#">1</a>
				<a href="#">2</a>
				<a href="#">3</a>
				<a href="#">4</a>
				<a href="#">5</a>
				<a href="#">6</a>
				<a href="#">7</a>
				<a href="#">...</a>
				<a href="#">99</a>
				<a href="#">100</a>
				<a href="#">></a>
			</div>
			<!--以下是页脚的开始-->
			<div id="footer">
				<ul class="footer_top">
					<li><span class="iconfont icon-shouji"></span><a href="">移动版</a></li>
					<li><a href="">关于我们</a></li>
					<li><a href="">加入站酷</a></li>
					<li><a href="">用户协议</a></li>
					<li><a href="">隐私政策</a></li>
					<li><a href="">侵权申诉</a></li>
					<li><a href="">企业服务</a></li>
					<li><a href="">帮助中心</a></li>
					<li><a href="">联系我们</a></li>
					<li><a href="">中文</a></li>
					<li><a href="">English</a></li>
					<li><span class="iconfont icon-weixin"></span></li>
					<li><span class="iconfont icon-weibo"></span></li>
				</ul>
				<ul class="footer_down">
					<li>
					<ul class="shangmianzi">
					<li><a href=""><img src="../img/lbd_公安局.png"/>京公网安备11010502000501号</a><i></i></li>
					<li><a href="">广播电视节目制作经营许可证（京）字第06990号</a><i></i></li>
					<li><a href="">京ICP备11017824号</a><i></i></li>
					<li><a href="">京ICP证130164号</a></li>
					</ul>
					</li>
					<li>
					<ul class="xiamianzi">
					<li><a href="">营业执照</a><i></i></li>
					<li><a href="">网上有害信息举报专区</a><i></i></li>
					<li><a href="">不良信息举报电话：010-56538658</a><i></i></li>
					<li><a href="">举报邮箱 jubao@zcool.com.cn </a><i></i></li>
					<li><a href="">联系电话：010-56538600</a></li>
					<li><a href="">Copyright © 2006-2020 ZCOOL站酷</a></li>
					</ul>
					</li>
				</ul>
			</div>
			<!--以上是页脚的结束-->
		</div>
	</body>
</html>
<script type="text/javascript">
	$(".more1").mouseover(function(){
		$(".more1-list").show();
	})
	$(".more1").mouseout(function(){
		$(".more1-list").hide();
	})
	$(".more2").mouseover(function(){
		$(".more2-list").show();
	})
	$(".more2").mouseout(function(){
		$(".more2-list").hide();
	})
	$(".point").mouseover(function(){
		$(this).children().children().css("background","black");
	})
	$(".point").mouseout(function(){
		$(this).children().children().css("background","#ffe300");
	})
	//	按钮颜色转换
	$(".backtop").mouseover(function(){
		$(this).children().css("color","black");
	})
	$(".backtop").mouseout(function(){
		$(this).children().css("color","white");
	})
//	点击事件,0.3s返回顶部
	$(".backtop").click(function(){
		$("html,body").animate({scrollTop: "0px"})
	});
	$(window).scroll(function(){
		if($(window).scrollTop() >= 450){
			$(".backtop").fadeIn(200);
		}else{
			$(".backtop").fadeOut(200);
		}
		if($(window).scrollTop() > 2050){
			$(".backtop").css({"position":"absolute","display":"block","float":"right","right":"80px","bottom":"40px"});
		}else{
			$(".backtop").css({"position":"fixed","display":"none","float":"right","right":"80px","bottom":"40px"});
		}
	});
	console.log($(window).scrollTop());
</script>